<template>
  <div v-show="dialogValue" class="add-form f-c">
    <el-button style="position:absolute;right: 20px;top: 20px;z-index: 99" @click="onPageBack">返回</el-button>
    <el-tabs v-model="activeName" class="audit-tabs">
      <el-tab-pane label="建设单位组织" name="BuildDept" />
      <el-tab-pane label="建设单位参与情况" name="BuildInfo" />
      <el-tab-pane label="建设单位意见" name="BuildComment" />
      <component :is="activeName" :current-detail="currentDetail" />
    </el-tabs>
  </div>
</template>

<script>
import { http } from '@/api'
import BuildDept from './build-dept'
import BuildInfo from './build-info'
import BuildComment from './build-comment'

export default {
  name: 'FormAdd',
  components: {
    BuildDept,
    BuildInfo,
    BuildComment
  },
  data() {
    return {
      dialogValue: false,
      currentDetail: {},
      activeName: 'BuildDept'
    }
  },
  created() {

  },
  methods: {
    open(item) {
      this.currentDetail = item
      this.dialogValue = true
    },
    onPageBack() {
      this.dialogValue = false
    }
  }
}
</script>

<style lang="scss">
.audit-tabs {
    height: 100%;
    > .el-tabs__content {
        height: calc(100% - 65px);
    }
}
</style>
